<template>
  <div id="footer_container">
    <p id="title">
      {{ $store.state.myinfo.global.title }}
    </p>
    <p id="finish_time">
      由Fitz在2022元旦假期期间完成
    </p>
    <div id="copyright">
      <p>
        <a target="_blank" href="https://s4.ax1x.com/2022/01/04/TbjXkt.png">©Fitz.</a> All rigths reserved
      </p>
      <p>
        <a href="https://beian.miit.gov.cn/" target="_blank"> {{ record_num }}</a>
      </p>
    </div>
  </div>
</template>

<script>
export default {
  name: "myFooter",
  computed: {
    record_num() {
      return this.$store.state.myinfo.footer.record_num
    }
  }
};
</script>

<style scoped lang="less">
@import "../../sass/config.less";

#footer_container {
  color: @footer_font_color;
  font-size: @footer_font_size;
  font-weight: 500;

  p {
    margin: 25px;

    a {
      color: @footer_font_color;
      text-decoration: none;
    }
  }
}

#title {
  font-size: 1.5rem;
}
</style>
